<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="./libs/reset.css">
	<link rel="stylesheet" href="./white/css/white.css">
	<link rel="stylesheet" href="../libs/swiper.min.css">
</head>
<body>
		<div id="white" ng-controller="whiteController">
			<div id="w-banner">
				<p>×</p>
				<img src={{data[1].groupList[0].elementList[0].eproductImgA}}>
			</div>
			<!--轮播图-->
			<div class="swiper-container whiteLunbo">
		    <div class="swiper-wrapper">
					<div class="swiper-slide"><img class="tp" src=""></div>
					<div class="swiper-slide"><img src='./white/img/banner2.jpg'></div>
						<!-- <div class="swiper-slide"><img src='./white/img/banner1.jpg'></div> -->
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
			</div>
			<!--导航-->
			<div id="w-nav">
				<div ng-repeat="item in data[3].groupList[0].elementIconList[0]">
					<img src={{item.eproductImgA}}>
					<p>{{item.etitle1}}</p>
				</div>
				<div ng-repeat="item in data[3].groupList[1].elementIconList[0]">
					<img src={{item.eproductImgA}}>
					<p>{{item.etitle1}}</p>
				</div>
			</div>
			<!--内容-->
			<div id="w-main">
				<p>{{data[4].ftitle}}</p>
				<div>
					<div>
						<img src={{data[4].groupList[0].elementList[0].eproductImgA}}>
					</div>
					<div>
						<p>{{data[4].groupList[0].elementList[0].etitle1}}</p>
						<p>{{data[4].groupList[0].elementList[0].etitle2}}</p>
					</div>
					<p class="w-white">{{data[4].groupList[0].elementList[0].etitle3}} <span class="w-arrow">〉</span></p>
				</div>
			</div>
			<!--引入其他的HTML文件-->
			<div ng-app="myApp">
				<div ng-include="'./public/public.html'"></div>
			</div>
		</div>
</body>
</html>
